/* 公共样式 */
.fl {
    float: left;
}
.fr {
    float: right;
}
@font-face {
    font-family: 'iconfont';

}
.iconfont {
    font-family: "iconfont" !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fr .iconfont {
    font-size: 10px;
    font-style: normal;
    /* 当前面的文字被拉着偏下时 */
    /* 将行高调小 */
    line-height: 31px;
}
/* 版心 */
.w {
    width: 1200px;
    margin: 0 auto;
}
/* 顶部快捷导航 */
.shortcut {
    height: 42px;
    background-color: #336699;
    line-height: 42px;
}
.head {
    font-family: YouYuan;
    font-size: 22px;
    font-weight: 800;
    color: #FFFFCC;
}
.nav ul li {
    float: left;
}
.nav ul li a {
    display: block;
    height: 40px;
    margin-right: 20px;
    padding: 0 10px;
    background-color:#336699;
    line-height: 42px;
    font-size: 18px;
    color: #FFFFCC;
}
.nav ul li a:hover {
    border-bottom: 2px solid #FFFFCC;
}
@media screen and (max-width:800px){
    .w {
        float: none;
        width: 100%;
        margin: 0 auto;
    }
    .shortcut {
        height: 42px;
        background-color: #336699;
        line-height: 42px;
    }
    .head {
        font-family: YouYuan;
        font-size: 22px;
        font-weight: 800;
        color: #FFFFCC;
    }
    .nav ul li {
        float: left;
    }
    .nav ul li a {
        display: block;
        height: 40px;
        margin-right: 5px;
        padding: 0 10px;
        background-color:#336699;
        line-height: 42px;
        font-size: 18px;
        color: #FFFFCC;
    }
    .nav ul li a:hover {
        border-bottom: 2px solid #FFFFCC;
    }
}